        <!-- 被邀请经纪人规模 -->
<div class="scale-page">
    <div class="chart-trend">
        <div class="head clearfix">
            <span class="fl">新增下线经纪人数</span>
            <i class="fl report-icon-help" ui-tip url="views/invite-broker/tips-invite-count-1.html"></i>
        </div>

        <div class="report-content">
            <div id="graphic_01" class="graphic"></div>
        </div>
    </div>

    <div class="toggle-table" ng-class="{'unfold': showNewInviteDetail }" ng-click="showNewInviteDetail = !showNewInviteDetail">
        <span class="ico" ng-show="!showNewInviteDetail">展开</span>
        <span class="ico ng-hide" ng-show="showNewInviteDetail">收起</span>
    </div>

    <div class="detail-data ng-hide" ng-show="showNewInviteDetail">
        <div class="head clearfix">
            <span>新增下线经纪人数详细数据</span>
            <div class="date">
                <!--<label class="radio"><input type="radio" name="trend-date2" ng-model="query.detailCycle" value="2"><span>日</span></label>
                <label class="radio ng-hide" ng-show="baseData.allowWeekCycle"><input type="radio" name="trend-date2" ng-model="query.detailCycle" value="1"><span>周</span></label>
                <label class="radio ng-hide" ng-show="baseData.allowMonthCycle"><input type="radio" name="trend-date2" ng-model="query.detailCycle" value="0"><span>月</span></label>-->
                <a href="javascript:;" class="down" ng-click="query.exportNewInviteDetail()">导出</a>
            </div>
        </div>

        <div>
            <div class="report-content" id="table_content_01">
            </div>

            <div ui-pagination page-index="query.newInvitePageIndex" page-size="query.newInvitePageSize" total="query.newInviteTotal" changed="query.queryNewInviteDetail($pageIndex)"></div>
        </div>
    </div>

    <div class="chart-trend">
        <div class="head clearfix">
            <span class="fl">累积下线经纪人数</span>
            <i class="fl report-icon-help" ui-tip url="views/invite-broker/tips-invite-count-2.html"></i>
        </div>

        <div class="report-content">
            <div id="graphic_01_1" class="graphic"></div>
        </div>
    </div>

    <div class="toggle-table" ng-class="{'unfold': showinviteDetail }" ng-click="showinviteDetail = !showinviteDetail">
        <span class="ico" ng-show="!showinviteDetail">展开</span>
        <span class="ico ng-hide" ng-show="showinviteDetail">收起</span>
    </div>

    <div class="detail-data ng-hide" ng-show="showinviteDetail">
        <div class="head clearfix">
            <span>累积下线经纪人数详细数据</span>
            <div class="date">
                <a href="javascript:;" class="down" ng-click="query.exportInviteDetail()">导出</a>
            </div>
        </div>

        <div>
            <div class="report-content" id="table_content_01_1">
            </div>

            <div ui-pagination page-index="query.invitePageIndex" page-size="query.invitePageSize" total="query.inviteTotal" changed="query.queryInviteDetail($pageIndex)"></div>
        </div>
    </div>

    <div class="chart-trend">
        <div class="head clearfix">
            <span class="fl">发展下线人数排行榜:  TOP10 经纪人</span>
            <i class="fl report-icon-help" ui-tip url="views/invite-broker/tips-invite-count-3.html"></i>
        </div>

        <div class="report-content broker-quality">
            <div class="graphic-fix">
                <div class="graphic-list" ng-repeat="record in query.qjInviteRankData.data">
                    <span class="index" ng-bind="$index + 1"></span>
                    <span class="name" ng-bind="record.brokerName"></span>
                    <div class="graphic-list-bar">
                        <span class="high-bule" ng-style="{'width': (60*record.count/query.qjInviteRankData.maxNum) + '%'}"></span>
                        <span class="num" ng-bind-template="{{record.count | number}}人"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="toggle-table" ng-class="{'unfold': showQjInviteDetail }" ng-click="showQjInviteDetail = !showQjInviteDetail">
        <span class="ico" ng-show="!showQjInviteDetail">展开</span>
        <span class="ico ng-hide" ng-show="showQjInviteDetail">收起</span>
    </div>

    <div class="detail-data ng-hide" ng-show="showQjInviteDetail">
        <div class="head clearfix">
            <span>发展下线人数详细数据</span>
            <div class="date">
                <a href="javascript:;" class="down" ng-click="query.exportQjInviteDetail()">导出</a>
            </div>
        </div>

        <div>
            <div class="report-content">
                <table>
                    <tr class="bg-blur">
                        <th class="date">排名</th>
                        <th>经纪人</th>
                        <th>下线经纪人数量</th>
                    </tr>
                    <tr ng-repeat="record in query.qjInviteDetailData.detail" ng-class="{'bg-blur': $odd}">
                        <td ng-bind="(query.qjInvitePageIndex - 1) * query.qjInvitePageSize + $index + 1"></td>
                        <td ng-bind="record.brokerName"></td>
                        <td ng-bind="record.count | number"></td>
                    <tr>
                    <tr class="total"><td></td><td class="b">总计</td><td ng-bind="query.qjInviteDetailData.totalCount | number"></td></tr>
                </table>
            </div>

            <div ui-pagination page-index="query.qjInvitePageIndex" page-size="query.qjInvitePageSize" total="query.qjInviteTotal" changed="query.queryQjInviteDetail($pageIndex)"></div>
        </div>
    </div>
</div>

<!-- 个人排行版页 模板 -->
<script type="text/template" id="templ_table_01">
    <table>
        <tr class="bg-blur"><th class="date">时间</th><th>邀请经纪人数</th></tr>
        <# for(var i=0, len=detail.length; i < len; i++) { #>
                <#var record = detail[i];#>
                <#=(i > 0 && i != len - 1 && i % 2 == 1) ? '<tr class="bg-blur">' : '<tr>'#>
                <td><#=record.xdate#></td><td><#=this.thousands1(record.count)#></td>
                <tr>
            <# } #>
    </table>
</script>

<script type="text/template" id="templ_table_02">
    <table>
        <tr class="bg-blur"><th class="date">排名</th><th>经纪人</th><th>直接邀请经纪人数量</th></tr>
        <# for(var i = 0, len = detail.length; i < len; i++) { #>
            <#var record = detail[i];#>
            <#=(i > 0 && i != len - 1 && i % 2 == 1) ? '<tr class="bg-blur">' : '<tr>'#>
                <td><#=i + 1#></td><td><#=record.brokerName#></td><td><#=this.thousands1(record.count)#></td>
            <tr>
        <# } #>
        <tr class="total"><td></td><td class="b">总计</td><td><#=this.thousands1(totalCount)#></td></tr>
    </table>
</script>


<!-- 被邀请经纪人规模 -->


